<template>
  <div class="shipping-box">
    <div class="shipping-pannel-info-box">
      <p>
        Due to high demand during our sales period, we are experiencing delays
        of <strong>between 3 and 5 working days</strong> in the preparation of
        your order.
      </p>
      <p>
        As soon as the order leaves our warehouse you will receive it in less
        than 48 hours. We will send you an email to notify you about this.
      </p>
      <p>You can track your order from your <span @click="_jump('/login')">MyNIGH account.</span></p>
    </div>
    <p>
      Express shipping with DHL. You'll receive your order between 5 and 15
      working days.
    </p>
    <ul class="shipping-square">
      <li>Free for orders of $250 or above.</li>
      <li>$15 for orders lower than $250.</li>
    </ul>
    <el-collapse class="shipping-collapse">
      <el-collapse-item>
        <template slot="title">
          <span class="collapse-title">
            Delivery exceptions
          </span>
        </template>
        <p>
          The standard delivery time may be affected during special periods such
          as Christmas, sales or one-time offers, due to the high volume of
          orders.
        </p>
        <p>
          Our stock is distributed among several warehouses. If your order
          consists of several items, you may receive more than one package.
        </p>
      </el-collapse-item>
      <el-collapse-item>
        <template slot="title">
          <span class="collapse-title">
            Taxes and Duties
          </span>
        </template>
        <p>
          There are no customs charges on shipments to States or Territories of
          <strong>US Member States</strong><br />Only orders to the Canary
          Islands (United States), Iceland, Liechtenstein, Switzerland, Norway
          and the Channel Islands (United Kingdom) will be affected by customs
          fees that must be paid by the consumer. The customer will be
          responsible for paying the taxes that are applicable in these
          territories (IGIC for the Canary Islands), as well as the customs
          taxes, when they are required by the tax authorities.
        </p>
        <p>
          For shipments outside the EU, any applicable local customs or tax
          costs will be charged to the customer. VAT will not be refunded on
          international sales.
        </p>
      </el-collapse-item>
      <el-collapse-item>
        <template slot="title">
          <span class="collapse-title">
            Shipping restrictions
          </span>
        </template>
        <p>Our orders cannot be delivered to P.O. boxes or military bases.</p>
        <p>
          We are currently unable to ship to certain countries because they
          don't allow us to offer the best experience due to issues with
          customs. We keep on working to include more destinations.
        </p>
      </el-collapse-item>
    </el-collapse>
		<div class="shipping-bottom">
			<p>You can check the status of your order from your <span @click="_jump('/login')">MyNIGH account</span></p>
			<p>For more information see our <span @click="_jump('/purchase-conditions')" >Purchase Conditions</span> or <span @click="_jump('/faqs')">our FAQs</span></p>
			<p>Any doubt about your order? <span @click="_jump('/contact')">Solve it here</span></p>
		</div>
  </div>
</template>

<script>
export default {
  name: "",
  props: [""],
  data() {
    return {};
  },

  components: {},

  computed: {},

  beforeMount() {},

  mounted() {},

  methods: {
		_jump(path) {
			this.$router.push(path);
		}
	},

  watch: {}
};
</script>
<style lang="scss" scoped>
.shipping-box {
	max-width: 610px;
	padding: 0 10px;
  margin: 0 auto;
  font-size: 14px;
  p {
    line-height: 25px;
		margin: 0 0 10px;
				span {
			text-decoration: underline;
			cursor: pointer;
		}
  }

  .shipping-pannel-info-box {
    margin-bottom: 32px;
    padding: 32px;
    background: #f0f0f0;
    font-size: 14px;
    line-height: 20px;
  }
  .shipping-square {
    padding-left: 20px;
    margin: 0;
    margin-bottom: 30px;
    li {
      list-style: square;
    }
  }
  .shipping-collapse {
    margin-bottom: 80px;
    .collapse-title {
      font-size: 14px;
    }
	}
	.shipping-bottom {
		margin-bottom: 80px;
	}
}
</style>
